<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Graphs</title>
    <SCRIPT type="text/javascript" src="js/RGraph.common.core.js"></SCRIPT>
    <SCRIPT type="text/javascript" src="js/RGraph.bar.js"></script>
</head>

<body>
    <h1>Movie Ratings</h1>
    <canvas width="900" height="250" id="test" style="border:1px solid black"></canvas>
    <script>
        // Page 6.27 （课外知识：Echarts）
        var bar = new RGraph.Bar('test', [4, 2.5, 2.5, 7, 4, 8.5]);
        bar.Set('chart.gutter', 5);
        bar.Set('chart.colors', ['green']);
        bar.Set('chart.labels', ["Source Code", "if Only", "Angel", "Nightmare", "Along Polly Came", "A Walk to Remember"]);
        bar.Draw();
    </script>
</body>

</html>